<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
		<script src="js/jquery-3.6.0.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
		
	</head>
	<body>
		<div class="dropdown">
		    <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
				喜欢的人物
				<!-- 下拉箭头 -->
		        <span class="caret"></span>
		    </button>
		    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
				<li class="dropdown-header">-- 动漫 --</li>
		        <li role="presentation">
		            <a role="menuitem" tabindex="-1" href="#">阿斯玛</a>
		        </li>
		        <li role="presentation">
		            <a role="menuitem" tabindex="-1" href="#">卡卡西</a>
		        </li>
		        <li role="presentation">
		            <a role="menuitem" tabindex="-1" href="#">鼬</a>
		        </li>
				<!-- 划分线 -->
		        <li role="presentation" class="divider"></li>
				<li class="dropdown-header">-- 人物 --</li>
		        <li role="presentation">
		            <a role="menuitem" tabindex="-1" href="#">29</a>
		        </li>
				<li class="active"><a role="menuitem" tabindex="-1" href="#">曼苏日</a></li>
		    </ul>
		</div>

	</body>
</html>
